<template>
    <div class="box">
        <mgjheader></mgjheader>
        <indexcontent></indexcontent>
        <mgjfooter></mgjfooter>
    </div>
</template>
<script type="text/ecmascript-6">
    import mgjheader from "../components/commons/mgjheader.vue";
    import indexcontent from "../components/index/indexcontent.vue";
    import mgjfooter from "../components/commons/mgjfooter.vue";
    export default {
        components:{
            mgjheader,
            indexcontent,
            mgjfooter
        },
        mounted:function () {
            var mySwiper = new Swiper ('.swiper-container', {
                loop: true,
                autoplay : 2000,
                autoplayDisableOnInteraction : false,
                // 如果需要分页器
                pagination: '.swiper-pagination',
                paginationClickable :true,
            })
        }
//        created:function () {
//            this.time();
//        },
//        methods:{
//            time:function () {
//                var minutes=59;
//                var seconds=59;
//                var ms=100;
//                setInterval(function () {
//                    ms--;
//                    if(ms<=0) {
//                        ms = 100;
//                        seconds--;
//                        if (seconds <= 0) {
//                            minutes--;
//                            seconds = 59;
//                        }
//                    }
//                    document.getElementById("seconds").innerHTML=seconds>=10?seconds:"0"+seconds;
//                    document.getElementById("minutes").innerHTML=minutes>=10?minutes:"0"+minutes;
//                },10);
//            }
//        }
    }

</script>
<style scoped>
.box{
    height: 100%;
    font-family:"微软雅黑",Arial;
    display: flex;
    flex-direction: column;
    overflow: auto;
    justify-content: space-between;
}
</style>